<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html lang="en">
<!-- Head -->
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="" />

<!-- Default-JavaScript-File -->
	<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
<!-- //Default-JavaScript-File -->
	
<!-- default css files -->
	<link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/font-awesome.min.css" />
<!-- default css files -->
	
	
	
	
<!--web font-->
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Khula:300,400,600,700,800&amp;subset=devanagari,latin-ext" rel="stylesheet">
<!--//web font-->
	
<!-- scrolling script -->

<!-- //scrolling script -->

<style type="text/css">
	

</style>


</head>

<!-- Body -->
<body>

<!-- banner -->
	<div class="banner">
		<div class="agileinfo-dot">
			<div class="header">
				<div class="container">
					<div class="header-left">
						<div class="w3layouts-logo grid__item">
							<h1>
								<a href="#"><span class="glyphicon glyphicon-piggy-bank" aria-hidden="true">
								</span>Bank</a>
							</h1>
						</div>
					</div>
					<div class="top-nav">
						<nav class="navbar navbar-default">
								<div class="navbar-header">
									<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
										<span class="sr-only">Toggle navigation</span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
									</button>
								</div>
							<!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

								<ul class="nav navbar-nav">

									<c:if test="${userId==null }">
										<li><a class="" href="../acct/">登陆/注册</a></li>
									</c:if>
									<c:if test="${userId!=null&&acctNo!=null }">
										
									<li><a href="../acct/user/info">账户信息</a></li>
									<li><a href="../acct/toTransHistory" >转账记录</a></li>
									<li><a href="../acct/page/transfer" >转账</a></li>	
									
									<li><a href="#stats" >私人银行</a></li>
									<li><a href="#blog" >经融市场</a></li>
									<li><a href="../acct/logout" >登出</a></li>
									
									</c:if>
									
									<c:if test="${userId!=null&&acctNo==null }">
										
									
										
									<li><a href="../acct/apply" >注册申请</a></li>
									<li><a href="#stats" >私人银行</a></li>
									<li><a href="#blog" >经融市场</a></li>
									<li><a href="../acct/logout" >登出</a></li>
									
									</c:if>
								</ul>


								<div class="clearfix"> </div>						
							</div>	
						</nav>
						
				</div>		
					</div>
					
			</div>
			<div class="w3l-banner-grids">
					<div class="container">
						<div class="col-md-8 slider">
							<div class="callbacks_container">
								<ul class="rslides" id="slider4">
									<li>
										<div class="w3ls-text">
											<h3>HELLO WORLD</h3>
											<p></p>
												<div class="readmore-w3">
													<a class="readmore" href="#" data-toggle="modal" data-target="#myModal1">View More</a>
												</div>
										</div>
									</li>
									
									
									
								</ul>
							</div>
							
						
						</div>
					
						<div class="clearfix"></div>
					</div>

		</div>
	</div>
	</div>
<!-- //banner -->
<!-- banner-bottom -->

<c:if test="${user==null }">
	<div class="bannerbottom" id="about">
	<div class="container">
		<div class="serviceicons">
			<a data-toggle="modal" data-target="#myModal">

				<div class="col-md-3">
					<div class="service1">
						<span class="glyphicon glyphicon-piggy-bank" aria-hidden="true"></span>
						<h3>投资理财</h3>
						
					</div>
				</div>
			</a>
			<a data-toggle="modal" data-target="#myModal">
				<div class="col-md-3">
				<div class="service1">
					<span class="glyphicon glyphicon-piggy-bank" aria-hidden="true"></span>
					<h3>融e行</h3>
					
				</div>
			</div>
			</a>
			
			<a data-toggle="modal" data-target="#myModal">
			<div class="col-md-3">
				<div class="service1">
					<span class="glyphicon glyphicon-piggy-bank" aria-hidden="true"></span>
					<h3>在线预约</h3>
					
				</div>
			</div>
			
			</a>
			
			<a data-toggle="modal" data-target="#myModal">
				<div class="col-md-3">
					<div class="service1">
						<span class="glyphicon glyphicon-piggy-bank" aria-hidden="true"></span>
						<h3>生活缴费</h3>
					
					</div>
				</div>
			</a>
		</div>
	</div>
	</div>


</c:if>





	<div class="w3ls blog" id="blog">
		<div class="container">
		<h3 class="heading-agileinfo">最新咨讯</h3>
		<c:forEach var="i" begin="0" end="2">
			<div class="col-md-4">
				<div class="tc-ch">
				
					<h3>基金</h3>
					<h6>
						A股迎来甜蜜期，主题与蓝筹各显机会
					</h6>
					<p>中金所对于股指期货进行交易方面的优化调整，成为周一市场一大利好。业内人士表示，此次优化调整，能有效降低交易成本...</p>
					<div class="bht1">
						<a href="#" data-toggle="modal" data-target="#myModal1">更多...</a>
					</div>
					
					<div class="clearfix"></div>
				</div>
			</div>
			</c:forEach>
					
			</div>
		</div>



	
	


	<div class="clearfix"></div>

			<!-- 提示信息弹框 -->
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
				aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">

						<div class="modal-body">敬请期待...</div>

					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal -->
			</div>

			<script type="text/javascript" src="js/numscroller-1.0.js"></script>
			<script type="text/javascript" src="js/jquery.flexisel.js"></script>
			<script src="js/SmoothScroll.min.js"></script>
			<script type="text/javascript" src="js/move-top.js"></script>
			<script type="text/javascript" src="js/easing.js"></script>
</body>
<!-- //Body -->
</html>
